<template>
  <div class="right-con">
    <div class="con-tit mb30">充值设置</div>
    <el-form label-width="100px" style="width:80%;">
      <el-form-item label="金币量：">
        <el-row>
          <el-col :span="14">
            <el-input style="width:95%" v-model="coin" placeholder="输入整数，最小值为1，最大值为10000，且不能为空"></el-input>
            <span>金币</span>
          </el-col>
          <el-col :span="6">
            <div class="mt10 fs12 pl15" style="line-height:1;color:#999">(输入整数，最小值为1，最大值为10000，且不能为空)</div>
          </el-col>
        </el-row>
      </el-form-item>
      <el-form-item label="赠送量：">
        <el-row>
          <el-col :span="14">
            <el-input v-model="coin_award" style="width:95%;" placeholder="输入整数，最小值为0，最大值为10000，且不能为空"></el-input>
            <span>金币</span>
          </el-col>
          <el-col :span="6">
            <div class="mt10 fs12 pl15" style="line-height:1;color:#999">(输入整数，最小值为0，最大值为10000，且不能为空)</div>

          </el-col>
        </el-row>
      </el-form-item>
      <el-form-item label="对应金额：">
        <el-row>
          <el-col :span="14">
            <el-input v-model="money" style="width:95%;" placeholder="数值最小0.01，最大值为10000，且不能为空"></el-input>
            <span>元</span>
          </el-col>
          <el-col :span="6">
            <div class="mt10 fs12 pl15" style="line-height:1;color:#999">（数值最小0.01，最大值为10000，且不能为空）</div>
          </el-col>
        </el-row>
      </el-form-item>
      <el-form-item>
        <el-button type="info" @click="onSubmit">确认修改</el-button>
      </el-form-item>
    </el-form>

  </div><!--.right-con-->
</template>

<script>
  import api from '../../assets/js/api';
  export default {
    name: "edit-recharge",
    data() {
      return {
        coin: '',
        coin_award: '',
        money: ''
      }
    },
    mounted: function () {
      this.coin=this.$route.query.coin;
      this.coin_award=this.$route.query.coin_award;
      this.money=this.$route.query.money;
    },
    methods: {
      onSubmit:function(){
        let sub_ok=true;
        if(this.coin){
          let str=/^[0-9]*[1-9][0-9]*$/;
          if(!str.test(this.coin)){
            this.$message.error('金币量请输入整数，最小值为1，最大值为10000，且不能为空！');
            sub_ok = false
          }else if(this.coin>10000){
            this.$message.error('金币量请输入整数，最小值为1，最大值为10000，且不能为空！');
            sub_ok = false
          }
        }else{
          this.$message.error('金币量请输入整数，最小值为1，最大值为10000，且不能为空！');
          sub_ok = false
        }
        if(this.coin_award){
          if(this.coin_award !=0){
            let str=/^[0-9]*[1-9][0-9]*$/;
            if(!str.test(this.coin_award)){
              this.$message.error('赠送量请输入整数，最小值为0，最大值为10000，且不能为空！');
              sub_ok = false
            }else if(this.coin_award> 10000){
              this.$message.error('赠送量请输入整数，最小值为0，最大值为10000，且不能为空！');
              sub_ok = false
            }
          }
        }else{
          this.$message.error('赠送量请输入整数，最小值为0，最大值为10000，且不能为空！');
          sub_ok = false
        }
        if(this.money<0.01 || this.money>10000){
          this.$message.error('对应金额数值最小0.01，最大值为10000，且不能为空！');
          sub_ok = false
        }
        if(sub_ok == true){
          api.fetch("/api/admin/coins/"+this.$route.query.id,{
            method: 'POST',
            data:{
              coin:this.coin,
              money:this.money,
              coin_award:this.coin_award,
              _method: "put"
            }
          })
            .then(res => {
              this.$message({
                message: '设置成功！',
                type: 'success'
              });
              this.$router.push("/rechargeBox/setRecharge")
            }).catch();
        }
      }
    }
  }
</script>

<style scoped>

</style>
